/* CSS Document */
@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, div, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ol, ul{list-style:none;}
img{border:0; display:inline-block;}
input, button, textarea, select,a{ font-size:100%; outline:none; resize:none;border:none;background:none;-webkit-tap-highlight-color:transparent}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
table{ border-collapse: collapse; border-spacing: 0; border:none;width:100%;}
body { font-size:14px; font-family:SimHei,"Microsoft YaHei","Heiti SC","宋体","Arial",Arial,Helvetica,sans-serif;color:#222;background-color:#eff3f6;background-repeat:no-repeat;background-position:center;background-size:cover;}
html {-webkit-text-size-adjust:none;}
i,em{font-style:normal;}
.clear {height:0; clear:both;}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
/*边距*/
*{box-sizing:border-box;    -webkit-box-sizing:border-box;    -moz-box-sizing:border-box;    -o-box-sizing:border-box;}
/*a 链接*/
a { text-decoration:none; outline:none;display:block;}
a:link {color:#222; }
a:visited {color:#222; }
a:hover, a:active, a:focus {color:#222;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
::-webkit-input-placeholder {color: #999;}:-moz-placeholder {color: #999;}::-moz-placeholder {color: #999;}:-ms-input-placeholder {color: #999;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.flex{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.justCenter{justify-content:space-between;}
.alignCenter{align-items:center;}

/*tab*/
.headerBg{
    background-color:#161b39;
    float:left;
    width:100%;
    height:336px;
    position:absolute;
    left:0;top:0;right:0;
}
.contents{
    width:1200px;
    margin:0 auto;
    position:relative;
    z-index:2;
}
.tabWrap{
    width:100%;
    height:114px;
    overflow:hidden;
}
.logoWrap{
    width:214px;
    height:60px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    margin-top:20px;
    float:left;
    margin-right:34px;
}
.tabListWrap{
    float:left;
}
.tabList{
    float:left;
    margin:0 34px;
    font-size:18px;
    line-height:34px;
    color:#fff;
    position:relative;
    margin-top:38px;
}
.tabList a{
    color:#fff;
}
.tabList i{
    width:30px;
    height:4px;
    background-color:#4571f4;
    border-radius:2px;
    position:absolute;
    left:50%;margin-lefT:-15px;
    bottom:-2px;
    display:none;
}
.tabList.on{
    font-weight:bold;
}
.tabList.on i{
    display:inline-block;
}
.tabTextWrap{
    width:340px;
    height:50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:rgba(31,39,71,1);
    float:right;
    margin-top:30px;
    position:relative;
}
.tabTextIcon{
    width:20px;
    height:20px;
    background:url("../images/shi.png") no-repeat center;
    background-size:contain;
    position:absolute;
    left:14px;
    top:50%;margin-top:-10px;
}
.tabTextInput{
    padding:0 120px 0 46px;
}
.tabTextInput input{
    display:inline-block;
    width:100%;
    font-size:16px;
    line-height:50px;
    color:#fff;
}
.tabTextInput input::-webkit-input-placeholder {color: #fff;}.tabTextInput input:-moz-placeholder {color: #fff;}.tabTextInput input::-moz-placeholder {color: #fff;}.tabTextInput input:-ms-input-placeholder {color: #fff;}
.tabTextBut{
    position:absolute;
    top:5px;right:5px;bottom:5px;
    width:110px;
    height:40px;
    background-color:#6bcdc0;
    border-radius:5px;
}
.tabTextBut button{
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    font-size:18px;
    text-align:center;
}

/*main*/
.mainWrap{
    padding-bottom:40px;
}
.mainLeft{
    width:280px;
    float:left;
    margin-top:22px;
}
.mainRight{
    margin-top:32px;
    width:884px;
    float:right;
}
.personsWrap{
    height:200px;
}
.personHead{
    width:90px;
    height:90px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    margin:0 auto;
    border-radius:45px;
}
.personListWrap{
    margin-top:12px;
}
.personList{
    width:50%;
    float:left;
    font-size:14px;
    line-height:42px;
    color:#fff;
    text-align:left;
    cursor:pointer;
}
.personList i{
    display:inline-block;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    vertical-align:middle;
}
.personList span{
    display:inline-block;
    vertical-align:middle;
    padding-left:10px;
}

.dateWrap{
    /*height:200px;*/
    background-color:#fff;
    padding-top:24px;
    padding-left:28px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.dateDayWrap{
    position:relative;
}
.dateDayList{
    float:left;
}
.dateDay{
    width:94px;
    height:98px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    margin-right:5px;
}
.dateDay.on{
    width:62px;
    height:64px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    margin-right:4px;
}
.dateTime{
    font-size:24px;
    line-height:44px;
    padding-left:9px;
    position:absolute;
    left:198px;
    bottom:0;
}
.dateTxt{
    font-size:22px;
    line-height:70px;
    font-weight:bold;
}

.echartWrap{
    padding:0 22px 0;
    background-color:#fff;
    border-radius:5px;
    margin-top:16px;
}
.echartWrap h2{
    font-size:20px;
    line-height:1;
    padding-top:28px;
}

/*灰色投影*/
.screenColumns{
    background-color:#fff;
    border-radius:5px;
    box-shadow:0 7px 24px rgba(217,217,217,.1);
    margin-top:34px;
    overflow:hidden;
}

/*加载动画*/
.loadings{
    padding:20px 0;
    text-align:center;
    display:none;
    /*position:absolute;*/
    /*left:0;right:0;bottom:0;*/
}
.loadings i{
    display:inline-block;
    width:20px;
    height:20px;
    background:url("../images/load.gif") no-repeat center;
    background-size:contain;
}